<template>
    <div class="Header">
      <h3>建德市投资项目全流程智能管理系统</h3>
      <div class="Header-right">
        <div class="imageOne">
          <img src="./../../public/shouyeImage/管理.png" alt="" />
        </div>
        <div class="ImageTwo">
          <el-dropdown>
            <span class="el-dropdown-link">
              <img src="./../../public/shouyeImage/头像.png" alt="" />
              admin
              <img src="./../../public/shouyeImage/展开icon.png" alt="" />
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item @click="sheZhi">个人设置</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </div>
      </div>
    </div>
</template>
<style lang="less" scoped>
    .Header {
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h3 {
      color: white;
    }
    .Header-right {
      display: flex;
      align-items: center;
      .imageOne {
        width: 35px;
        height: 35px;
        background-color: rgb(92, 169, 211);
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          width: 25px;
          height: 20px;
        }
      }
      .ImageTwo {
        display: flex;
        align-items: center;
        justify-items: center;
        margin-left: 5px;
        p {
          font-size: 12px;
          margin: 0 5px 0px 5px;
          color: white;
        }
        img:nth-child(1) {
          width: 20px;
          height: 20px;
        }
      }
    }
  }
</style>